<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>
    <link rel="stylesheet" href="./Swiper-3.4.2/dist/css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>

<body>
    <div class="box-top">
        <div class="top">
            <div class="nav">
                <img src="./img/阳天logo.png" alt="">
                <ul class="top-ul">
                    <li><a href="">首页</a></li>
                    <li><a href="">公司简介</a></li>
                    <li><a href="">客户案例</a></li>
                    <li><a href="">产品展示</a></li>
                    <li><a href="">新闻中心</a></li>
                    <li><a href="">人才招聘</a></li>
                    <li><a href="">在线留言</a></li>
                    <li><a href="">练习我们</a></li>
                </ul>
            </div>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./img/lun1.jpeg" alt=""></div>
                <div class="swiper-slide"><img src="./img/lun2.jpeg" alt=""></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <!-- <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div> -->
        </div>
    </div>
    <div class="nav-body">
        <div class="img-left"></div>
        <div class="img-right"></div>
    </div>
    <div class="box-bottom">
        <div class="box-bottom-head">
            <div class="box-bottom-logo">
                <img src="./img/阳天logo.png" alt="" id="logo">
            </div>
            <ul id="ul1">
                <li><a href="">首页</a></li>
                <li><a href="">公司简介</a></li>
                <li><a href="">客户案例</a></li>
                <li><a href="">产品展示</a></li>
                <li><a href="">新闻中心</a></li>
                <li><a href="">人才招聘</a></li>
                <li><a href="">在线留言</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
        </div>
        <div class="box-bottom-body">
            <div class="box-bottom-body-img">
                <div class="box-bottom-body-left" id="img1">
                    <img src="./img/电话.png" alt="">
                    <h3>资讯电话</h3>
                    <p>0412-8051680、8061690</p>
                </div>
                <div class="box-bottom-body-left" id="img2">
                    <img src="./img/定位.png" alt="">
                    <h3>公司地址</h3>
                    <p style="font-size: 14px;">辽宁省鞍山市铁西区钢西路132号</p>
                </div>
                <div class="box-bottom-body-left" id="img3">
                    <img src="./img/电话.png" alt="">
                    <h3>电子邮箱</h3>
                    <p style="font-size: 14px;">hyhxg@163.com</p>
                </div>
            </div>
            <div class="box-bottom-body-right" id="img4">
                <img src="./img/二维码.png" alt="">
                <p>扫一扫</p>
            </div>
        </div>
        <div class="box-bottom-foot">
            <ul class="uls" id="text1">
                <li><a href="">版权所有</a></li>
                <li><a href="">鞍山阳天冶金能源技术邮箱公司</a></li>
                <li><a href="">辽ICP备18012886号-2</a></li>
                <li><a href="">营业执照</a></li>
                <li><a href="">技术支持:鞍山龙采</a></li>
            </ul>
            <ul class="uls" id="text2">
                <li>网站部分资源来自互联网公开渠道</li>
                <li>如有侵权请及时联系本司删除</li>
            </ul>
        </div>
    </div>

    <script src="./js/index.js"></script>
    <script src="./Swiper-3.4.2/dist/js/swiper.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 1,
            paginationClickable: true,
            spaceBetween: 30,
            loop: true,
            autoplay: 2500,
        });
    </script>
</body>

</html>